<template>
  <div class="main-app">
    <div class="search">
      <slot name="topnav" />
    </div>
    <div class="result">
      <div class="buttonoper">
        <el-button type="warning" class="btton1">+新建</el-button>
        <el-button :v-permission="issho" class="button11">工单配置</el-button>
      </div>
      <template>
        <slot name="main" />
      </template>
      <div class="bottter">
        <div class="left11">
          <div>共 <span />条数据 第 <span /> / <span /> 页  </div>
        </div>
        <div class="right22">
          <el-button class="right22button">上一页</el-button>
          <el-button class="right22button">下一页</el-button>
        </div>
      </div>
    </div>

  </div>
</template>

<script>
// import list from './list.vue'
export default {
  name: 'Public',
  props: {
    issho: {
      type: String,
      default: 'delete'
    }
  },
  // components: { list },
  data() {
    return {
    }
  },
  computed: {

  },
  watch: {

  },
  methods: {

  }
}
</script>

  <style lang="scss">
    .bottter{
      margin-top: 40px;
      display: flex;
      justify-content:space-between;
      .left11{
        font-size: 16px;
        color: #999;
      }
      .right22button{
        height: 30px;
        padding: 0;
       padding-left: 10px;
       padding-right: 10px;
      }
    }
  .buttonoper{
      margin-bottom: 6px;
  }
  .el-table__header-wrapper{
          th{
             padding: 5px 0;
             background-color: rgb(243, 246, 251) !important;
      }
  }

  .btton1{
      display: flex;
      display: inline-block;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      width: 80px!important;
      height: 36px;
      padding: 0;
      background: linear-gradient(135deg,#ff9743,#ff5e20)!important;
      border: none;
  }
  .button11{
      display: flex;
      display: inline-block;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      width: 80px!important;
      height: 36px;
      padding: 0;
      background-color: #fbf4f0!important;
      border: none;
      color: #655b56!important;
  }
  .el-form-item__label{
      font-weight: 400 !important;
      color: unset !important;
  }
  </style>
  <style scoped lang="scss">
  .main-app{

      overflow: hidden;
      margin: 20px;
      .search{
          display: flex;
          overflow: hidden;
      height: 64px;
      -webkit-box-align: center;
      align-items: center;
      margin-bottom: 20px;
      padding-left: 17px;
      background-color: #fff;
      }
      .result{
          height: 673px;
          padding:20px;
          background-color: #fff;
      }
  }

  </style>

